<template>
    <div class="checkout-coupon">
        <div class="form clearfix">
            <h5 class="checkout-title">Discount Codes</h5>
            <div class="coupon-input relative">
                <button type="button" class="button pull-right" value="Apply" @click="setCoupon">
                    <span>Apply</span>
                </button>
                <input class="input-text form-control" v-model="CodeText" id="coupon_code" name="coupon_code" placeholder="Enter Your Promotion code Here">
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            CodeText: ''
        }
    },
    methods: {
        setCoupon() {
            this.$emit('setCoupon', this.CodeText)
        }
    }
}
</script>